/* pages/FilmListPage/FilmListPage.wxss */
.film-list-container {
  padding: 20rpx;
  background-color: #f5f5f5;
  min-height: 100vh;

  .film-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20rpx;

    .film-item {
      background-color: white;
      border-radius: 12rpx;
      overflow: hidden;
      box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);

      .film-poster {
        width: 100%;
        height: 320rpx;
      }

      .film-title {
        padding: 16rpx;
        font-size: 24rpx;
        color: #333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .film-rating {
        padding: 0 16rpx 16rpx;
        display: flex;
        align-items: center;

        .iconfont {
          font-size: 20rpx;
          color: #ddd;
          margin-right: 4rpx;
        }

        .star-color {
          color: goldenrod;
        }

        .rating-value {
          font-size: 22rpx;
          color: #666;
          margin-left: 8rpx;
        }
      }
    }
  }

  .loading-tip {
    text-align: center;
    padding: 40rpx 0;
    color: #999;
    font-size: 26rpx;
  }
}

